﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Performance</title>
    <script src="jquery-2.2.1.min.js"></script>
</head>
<body>
    <div id="mydiv">
        <iframe src="http://www.baidu.com" style="border:1px solid #ddd;height:100px;width:100%;"></iframe>
    </div>
    <script>
        $(function () {
            var iframes = "";            
            for (i = 0; i < 100; i++) {
                var oneIframe = "<iframe src='https://appcnhkdm450.digitalmaker.asia.pwcinternal.com/pwccnhk/gtsventure/Home/?id=" + i.toString() + "' style='border:1px solid #ddd;height:50px;width:100%;'></iframe>";
                iframes += "</br><span style='color:#f00;font-size:18px;'>"+(i+1).toString()+"</span>"+oneIframe;
            }
            $("#mydiv").html(iframes);

        });
    </script>
</body>
</html>